<template>
	<view>
		<su-popup
				:isMaskClick="false"
				:show="state.isShow"
				:showClose="true"
				:animation="true"
				backgroundColor="none"
				round="0"
				:safeArea="true"
				type="center"
				@close="onClose()"
		>
			<view class="cicon-notice"
			      style="padding: 10px;
	          margin: 5px;
	          width: 90%;
	          font-size: 30rpx;
	          background-color: #F39800;
	          border-radius: 10px; color: #FFFFFF;">
				<text style="font-size: 30rpx; font-weight: bold">{{ data.dictLabel }}</text>
				<br>
				<text>{{ data.remark }}</text>
			</view>
			<view v-if="false" class="img-box">
				<swiper style="width: 100%; height: 600rpx !important;" :autoplay="true" :indicator-dots="true" class="swiper-content">
					<swiper-item style="width: 100%; height: 600rpx !important" v-for="it in data.dictValue.split(',')" :key="it">
						<su-image
								class="content-img"
								isPreview
								:previewList="data.dictValue.split(',')"
								:current="0"
								:src="it"
								mode="aspectFit"
						></su-image>
					</swiper-item>
				</swiper>
			</view>
		</su-popup>
	</view>
</template>

<script setup>
import {reactive} from 'vue';
import {onLoad} from "@dcloudio/uni-app";

const props = defineProps({
	data: {
		type: Object,
		default() {},
	},
});

const state = reactive({
	isShow: true
})

function onPopup(path) {

}

onLoad(async () => {

})

function onClose(index) {
	state.isShow = false;
}
</script>

<style lang="scss" scoped>
.img-box {
	width: 100%;
	height: 100%;
}

.modal-img {
	width: 100%;
	height: 100%;
}
</style>
